<template>
    <div class="playlistItem" @click = 'openSongVisible'>
        <div class="item_index">
            <slot name="index"></slot>
        </div>
        <div class="music_img">
            <slot><img class="originalPic" src="../img/icon/my/favorite.png"></slot>
            <slot name="left"></slot>
        </div>
        <div class="music_title">
            <p class="mainTitle"><slot name="mainT"></slot></p>
            <span class="subTitle"><slot name="subT"></slot></span>
        </div>
        <div class="music_other">
            <slot name="right"></slot>
        </div>
    </div>
</template>
<script>
    export default {
        props:['songDetail','keys'],
        methods:{
            openSongVisible(){
                this.$bus.emit('openSongVisible',this.songDetail,this.keys);
                this.$bus.emit('initialize');
            }
        }
    }
</script>